.type {
  width: 100%;
  height: 58px;
  background: #f9f9f9;
  float: left;
  border-bottom: 1px solid #e7e7e7;
  position: relative;
}
.type .typeContent {
  width: 1240px;
  height: 100%;
  margin: 0 auto !important;
}
.type .typeContent .top {
  display: block;
  float: left;
  width: 83px;
  height: 100%;
  line-height: 58px;
  border-right: 1px solid #e7e7e7;
  color: #999999;
  font-size: 12px;
}
.type .typeContent .typeMain {
  width: 100%;
  overflow: hidden;
  background: #f7f7f7 url(../img/zhfu_jh_bg.png) no-repeat bottom left;
  position: absolute;
  height: 256px;
  z-index: 999999;
  top: 58px;
  left: 0;
  display: none;
}
.type .typeContent .typeMain .cityTypeMain {
  display: none;
  width: 1240px;
  margin: 0 auto;
  overflow: hidden;
}
.type .typeContent .typeMain .cityTypeMain .cityTip {
  display: block;
  float: left;
  height: 12px;
  line-height: 12px;
  color: #999999;
  margin-top: 36px;
  width: 100%;
}
.type .typeContent .typeMain .cityTypeMain .chose {
  width: 100%;
  float: left;
  margin-top: 20px;
  overflow: hidden;
}
.type .typeContent .typeMain .cityTypeMain .chose i {
  height: 14px;
  line-height: 14px;
  color: #999999;
}
.type .typeContent .typeMain .cityTypeMain .AllCity {
  width: 100%;
  overflow: hidden;
  display: block;
  margin: 0 14px 0 120px;
}
.type .typeContent .typeMain .cityTypeMain .AllCity .cityOne {
  display: block;
  margin: 11px 50px 11px 0 ;
  font-size: 14px;
  line-height: 35px;
  float: left;
  color: #333;
  width: 1090px;
}
.type .typeContent .typeMain .cityTypeMain .AllCity .cityOne i {
  width: 5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
  display: inline-block;
  font-size: 14px;
}
.type .typeContent .typeMain .cityTypeMain .AllCity .cityOne i:hover {
  color: #fd3348;
}
.type .typeContent .typeMain .majorTypeMain {
  display: none;
  width: 1240px;
  margin: 0 auto;
  overflow: hidden;
}
.type .typeContent .typeMain .majorTypeMain .majorTip {
  display: block;
  float: left;
  height: 12px;
  line-height: 12px;
  color: #999999;
  margin-top: 36px;
  width: 100%;
}
.type .typeContent .typeMain .majorTypeMain .chose {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.type .typeContent .typeMain .majorTypeMain .chose i {
  height: 14px;
  line-height: 14px;
  color: #999999;
}
.type .typeContent .typeMain .majorTypeMain .Allmajor {
  width: 100%;
  overflow: hidden;
  display: block;
  margin: 0 14px 0 120px;
}
.type .typeContent .typeMain .majorTypeMain .Allmajor .majorOne {
  display: block;
  margin: 11px 50px 11px 0 ;
  font-size: 14px;
  line-height: 14px;
  float: left;
  height: 14px;
  color: #333;
}
.type .typeContent .typeMain .majorTypeMain .Allmajor .majorOne i:hover {
  color: #fd3348;
}
.type .typeContent .typeMain .periodsTypeMain {
  display: none;
  width: 1240px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 30px;
}
.type .typeContent .typeMain .periodsTypeMain .periodsTip {
  display: block;
  float: left;
  height: 12px;
  line-height: 12px;
  color: #999999;
  margin-top: 36px;
  width: 100%;
}
.type .typeContent .typeMain .periodsTypeMain .chose {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.type .typeContent .typeMain .periodsTypeMain .chose i {
  height: 14px;
  line-height: 14px;
  color: #999999;
}
.type .typeContent .typeMain .periodsTypeMain .Allperiods {
  width: 100%;
  overflow: hidden;
  display: block;
  margin: 0 14px 0 120px;
}
.type .typeContent .typeMain .periodsTypeMain .Allperiods .periodsOne {
  width: 1115px;
  display: block;
  font-size: 14px;
  line-height: 14px;
  float: left;
  color: #333;
}
.type .typeContent .typeMain .periodsTypeMain .Allperiods .periodsOne i {
  font-size: 14px;
  margin: 0 10px;
}
.type .typeContent .typeMain .periodsTypeMain .Allperiods .periodsOne i:hover {
  color: #fd3348;
}
.type .typeContent .typeMain .periodsTypeMain .Allperiods .periodsOne span {
  min-width: 205px;
  margin: 0 20px;
  line-height: 35px;
  height: 35px;
  white-space: nowrap;
}
.type .typeContent .typeMain .periodsTypeMain .Allperiods .periodsOne span:hover {
  color: #fd3348;
}
.type .typeContent .city:hover .cityS {
  background: url(../common/img/chengshi_red.png) no-repeat center center;
}
.type .typeContent .city:hover .position {
  color: #fd3348;
}
.type .typeContent .major:hover .majorS {
  background: url(../common/img/typy_red.png) no-repeat center center;
}
.type .typeContent .major:hover .majorI {
  color: #fd3348;
}
.type .typeContent .periods:hover .periodsS {
  background: url(../common/img/qishu_red.png) no-repeat center center;
}
.type .typeContent .periods:hover .periodsI {
  color: #fd3348;
}
.type .typeContent .city,
.type .typeContent .major,
.type .typeContent .periods {
  width: 384px;
  height: 100%;
  float: left;
  border-right: 1px solid #e7e7e7;
  background: #f6f6f6;
  cursor: pointer;
}
.type .typeContent .city span,
.type .typeContent .major span,
.type .typeContent .periods span {
  display: block;
  width: 28px;
  height: 26px;
  float: left;
  margin: 16px 14px 0 120px;
}
.type .typeContent .city .cityS,
.type .typeContent .major .cityS,
.type .typeContent .periods .cityS {
  background: url(../common/img/chengshi.png) no-repeat center center;
}
.type .typeContent .city .majorS,
.type .typeContent .major .majorS,
.type .typeContent .periods .majorS {
  background: url(../common/img/typy.png) no-repeat center center;
}
.type .typeContent .city .periodsS,
.type .typeContent .major .periodsS,
.type .typeContent .periods .periodsS {
  background: url(../common/img/qishu.png) no-repeat center center;
}
.type .typeContent .city .position,
.type .typeContent .major .position,
.type .typeContent .periods .position,
.type .typeContent .city .majorI,
.type .typeContent .major .majorI,
.type .typeContent .periods .majorI,
.type .typeContent .city .periodsI,
.type .typeContent .major .periodsI,
.type .typeContent .periods .periodsI {
  display: block;
  float: left;
  line-height: 58px;
  width: 38px;
  font-size: 16px;
  color: #999999;
  margin-right: 4px;
  width: auto;
}
.type .typeContent .city .position,
.type .typeContent .major .position,
.type .typeContent .periods .position {
  width: auto !important;
}
.type .typeContent .city .arrow,
.type .typeContent .major .arrow,
.type .typeContent .periods .arrow {
  display: block;
  width: 10px;
  height: 4px;
  float: left;
  margin: 28px 0 10px 6px;
}
.type .typeContent .city .arrow img,
.type .typeContent .major .arrow img,
.type .typeContent .periods .arrow img {
  width: 100%;
  height: 100%;
  display: block;
}
.content {
  width: 100%;
  overflow: hidden;
}
.content .contentMain {
  width: 1240px;
  overflow: hidden;
  margin: 52px auto 0;
}
.content .contentMain .priceTitle {
  width: 100%;
  height: 67px;
  margin: 0 auto;
  background: #f9f9f9;
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
}
.content .contentMain .priceTitle i {
  display: block;
  float: left;
  width: 680px;
  text-align: right;
  line-height: 67px;
  font-size: 18px;
  color: #333;
}
.content .contentMain .priceTitle .search {
  width: 266px;
  height: 26px;
  float: right;
  border: 1px solid #0032d2;
  margin: 20px 40px 0 0;
}
.content .contentMain .priceTitle .search .sou {
  width: 202px;
  height: 26px;
  float: left;
  border: none;
  color: #999999;
  text-indent: 6px;
}
.content .contentMain .priceTitle .search .searchButton {
  width: 63px;
  height: 26px;
  float: right;
  line-height: 26px;
  color: #fff;
  background: #0032d2;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.content .contentMain .descriptionThis {
  width: 1040px;
  margin-left: 100px;
  float: left;
  overflow: hidden;
  margin-bottom: 40px;
}
.content .contentMain .descriptionThis .title {
  display: block;
  float: left;
  font-size: 12px;
  color: #333;
  text-indent: 24px;
  margin: 33px 0 4px 0;
  width: 100%;
  height: 12px;
  line-height: 12px;
}
.content .contentMain .descriptionThis pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size: 12px;
  color: #666666;
  float: left;
  overflow: hidden;
  line-height: 24px;
}
.content .contentMain .descriptionThis .overflow {
  height: 70px;
}
.content .contentMain .button1 {
  display: block;
  width: 40px;
  float: right;
  height: 15px;
  margin-top: 34px;
  margin-right: 4px;
  cursor: pointer;
}
.content .contentMain .button1 .jian {
  display: block;
  float: left;
  width: 10px;
  height: 6px;
  background: url(../img/zhankai.png) no-repeat left top;
  margin-top: 5px;
}
.content .contentMain .button1 .buttonZ {
  display: block;
  float: right;
  color: #ff001a;
  font-size: 12px;
  line-height: 15px;
}
.content .contentMain .allMessage {
  width: 1240px;
  float: left;
  overflow: hidden;
  margin: 0 auto 25px;
}
.content .contentMain .allMessage .messageLeft {
  float: left;
  width: 215px;
}
.content .contentMain .allMessage .messageLeft .navTitle {
  width: 100%;
  height: 29px;
  background: #f3f3f3;
  display: block;
  color: #333333;
  font-size: 16px;
  line-height: 29px;
  text-align: center;
  background-color: #f7e3e3;
  margin-bottom: 20px;
  border-bottom: 1px solid #bc2424;
}
.content .contentMain .allMessage .messageLeft .layui-nav {
  background: #fefefe !important;
}
.content .contentMain .allMessage .messageLeft .layui-nav .layui-nav-item > a {
  color: #333;
  text-indent: 12px !important;
  font-size: 14px !important;
  height: 36px !important;
  line-height: 36px !important;
}
.content .contentMain .allMessage .messageLeft .layui-nav .layui-nav-item > a .layui-nav-more {
  margin-top: -5px !important;
}
.content .contentMain .allMessage .messageLeft .layui-nav .layui-nav-item > a:hover {
  background: #ff3030 !important;
  color: #fff !important;
}
.content .contentMain .allMessage .messageLeft .layui-nav .layui-nav-itemed > a {
  background: rgba(255, 48, 48, 0.3) !important;
  color: #fff !important;
}
.content .contentMain .allMessage .messageLeft .layui-nav .layui-nav-itemed > a .layui-nav-more {
  margin-top: -5px !important;
  border-color: transparent transparent #fff !important;
}
.content .contentMain .allMessage .messageLeft .layui-nav .layui-nav-itemed > a:hover {
  background: #ff3030 !important;
  color: #fff !important;
}
.content .contentMain .allMessage .messageLeft .layui-nav .layui-this a {
  background: #ff3030 !important;
  color: #fff !important;
}
.content .contentMain .allMessage .messageLeft .layui-nav .layui-nav-child {
  background: #fefefe !important;
  color: #333 !important;
}
.content .contentMain .allMessage .messageLeft .layui-nav .layui-nav-child .layui-this a {
  background: #ff3030 !important;
  color: #fff !important;
}
.content .contentMain .allMessage .messageLeft .layui-nav .layui-nav-child .layui-this a:hover {
  background: #ff3030 !important;
  color: #fff !important;
}
.content .contentMain .allMessage .messageLeft .layui-nav .layui-nav-child dd a {
  background: #fefefe !important;
  color: #333 !important;
  text-indent: 24px !important;
  font-size: 12px !important;
  height: 36px !important;
  line-height: 36px !important;
}
.content .contentMain .allMessage .messageLeft .layui-nav .layui-nav-child dd a:hover {
  background: #fff !important;
  color: #ff3030 !important;
}
.content .contentMain .allMessage .messageLeft .layui-nav .layui-nav-bar {
  display: none !important;
}
.content .contentMain .allMessage .messageRight {
  float: right;
  width: 1000px;
  overflow: hidden;
  margin-left: 20px;
  /*
                .table{
                    width: 100%;
                    display: table;
                    thead{
                        width: 100%;
                        height: 26px;
                        border-top: 1px solid #e5e5e5;
                        border-bottom: 1px solid #e5e5e5;
                        tr{
                            width: 100%;
                            height: 100%;
                            td{
                                width: 8%;
                                color: #999;
                                height: 26px;
                                text-align: center;
                                color: #999999;
                                font-size: 12px;
                                &:nth-child(1){
                                    width: 30%;
                                }
                                &:nth-child(2){
                                    width: 30%;
                                }
                            }
                        }
                    }
                    tbody{
                        width: 100%;
                        color: #333;
                        tr{
                            border-bottom: 1px solid #e5e5e5;
                            td {
                                width: 8%;
                                padding: 0;
                                margin: 0px;
                                border-spacing: 0;
                                text-align: center;
                                color: #333;
                                font-size: 12px;
                                line-height: 54px;
                                &:nth-child(1){
                                    width: 30%;
                                }
                                &:nth-child(2){
                                    width: 30%;
                                }
                                span{
                                    width: 100%;
                                    height: 54px;
                                    overflow: hidden;
                                    white-space: nowrap;
                                    display: block;
                                    line-height: 54px;
                                }
                            }
                        }
                    }
                }
                */
}
.content .contentMain .allMessage .messageRight .table {
  width: 100%;
  text-align: center;
}
.content .contentMain .allMessage .messageRight .table thead {
  width: 100%;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.content .contentMain .allMessage .messageRight .table thead tr {
  height: 26px;
  line-height: 26px;
}
.content .contentMain .allMessage .messageRight .table thead tr td {
  width: 62.5px;
  color: #999999;
  font-size: 12px;
}
.content .contentMain .allMessage .messageRight .table thead tr td:nth-child(1) {
  width: 250px;
}
.content .contentMain .allMessage .messageRight .table thead tr td:nth-child(2) {
  width: 250px;
}
.content .contentMain .allMessage .messageRight .table tbody {
  width: 100%;
  color: #333;
}
.content .contentMain .allMessage .messageRight .table tbody tr {
  height: 54px;
  line-height: 54px;
  border-bottom: 1px solid #e5e5e5;
}
.content .contentMain .allMessage .messageRight .table tbody tr td {
  width: 62.5px;
  text-align: center;
  color: #333;
  font-size: 12px;
}
.content .contentMain .allMessage .messageRight .table tbody tr td:nth-child(1) {
  width: 250px;
}
.content .contentMain .allMessage .messageRight .table tbody tr td:nth-child(1) .ccyc {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 300px;
  overflow: hidden;
}
.content .contentMain .allMessage .messageRight .table tbody tr td:nth-child(2) {
  width: 250px;
}
.content .contentMain .allMessage .messageRight .table tbody tr td:nth-child(2) .ccyc {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 250px;
  overflow: hidden;
}
.content .contentMain .allMessage .messageRight .table tbody tr td:last-child .remarks {
  cursor: pointer;
}
.content .contentMain .allMessage .messageRight .table tbody tr td div {
  width: 100%;
  height: 54px;
  overflow: hidden;
  white-space: nowrap;
  line-height: 54px;
  max-width: 300px;
}
.content .contentMain .allMessage .messageRight #laypage {
  width: 100%;
  text-align: center;
}
.remakehide {
  display: none;
}
#remakebox {
  background-color: #fff;
  display: none;
  position: fixed;
  border-radius: 10px;
  top: 50%;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  height: 500px;
  margin-top: -250px;
  border: 1px solid #000000;
}
#remakebox .tit {
  height: 40px;
  border-bottom: 1px solid #ccc;
}
#remakebox .tit .title {
  font-size: 18px;
  line-height: 40px;
  float: left;
  margin-left: 20px;
}
#remakebox .tit .close {
  margin: 10px 10px;
  cursor: pointer;
  float: right;
  list-style: none;
  width: 18px;
  height: 18px;
}
#remakebox .tit .close img {
  width: 100%;
  height: 100%;
  display: block;
}
#remakebox .con {
  font-size: 16px;
  width: 100%;
}
#remakebox .con p {
  box-sizing: border-box;
  padding: 0 10px;
  width: 100%;
  height: 100%;
  line-height: 40px;
  text-indent: 2em;
}
.myss {
  min-width: 1000px!important;
  min-height: 620px!important;
  font-size: 40px;
  line-height: 620px!important;
  border-top: 1px solid #e5e5e5;
}
